<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/Slide.css" />
<script type="text/javascript" src="js/tinyfader.js"></script>
</head>
    <body  >
<div id="wrapper">
	<div>
		<div class="sliderbutton"><img src="Images/left.gif" width="32" height="38" alt="Previous" onclick="slideshow.move(-1)" /></div>
                <div id="slideshow" align="left">
			<ul id="slides">
				<li><img src="Movies/EVM.jpg" width="500" height="300" alt="Etto Vellipoyindi Manusu" /></li>
				<li><img src="Movies/KVJ.jpg" width="500" height="300" alt="Krishnam Vande Jagatgurum" /></li>
				<li><img src="Movies/LOP.jpg" width="500" height="300" alt="Life Of PI" /></li>
                <li><img src="Movies/TA.jpg" width="500" height="300" alt="Taalash" /></li>
			</ul>
		</div>
		<div class="sliderbutton"><img src="Images/right.gif" width="32" height="38" alt="Next" onclick="slideshow.move(1)" /></div>
	</div>
	<ul id="pagination" class="pagination">
		<li onclick="slideshow.pos(0)">1</li>
		<li onclick="slideshow.pos(1)">2</li>
		<li onclick="slideshow.pos(2)">3</li>
		<li onclick="slideshow.pos(3)">4</li>
	</ul>
</div>
<script type="text/javascript">
var slideshow=new TINY.fader.fade('slideshow',{
	id:'slides',
	auto:3,
	resume:true,
	navid:'pagination',
	activeclass:'current',
	visible:true,
	position:0
});
</script>
</body>
</html>